{extend name="template/pc/cms-red/_base.html" /}

{block name="css"}
<link rel="stylesheet" type="text/css" href="__TPMPLATE__pc/cms-red/css/Validform_msg.css"/>
<link rel="stylesheet" type="text/css" href="__TPMPLATE__pc/cms-red/css/activity/btnStyle.css">
<link rel="stylesheet" type="text/css" href="__TPMPLATE__pc/cms-red/css/activity/index.css">
<link rel="stylesheet" type="text/css" href="__TPMPLATE__pc/cms-red/css/activity/activity.css">
{/block}

{block name="main"}

<canvas id="canvas"></canvas>

<div class="height-100">

    <div class="mainPage">

        <div class="mainCont">
            <img class="img-max-widtd position-r" src="__TPMPLATE__pc/cms-red/images/activity/banner1.jpg" />
            <div class="menu-title">
                <div class="text-center color-white font-size-20 wow bounceInUp animated" data-wow-duration="2s" data-wow-delay="0.2s">2019年6月鼎联互联网免费活动</div>
            </div>

            <div class="menu-btn" style="display: none;">
                <div class="hi-icon-wrap hi-icon-effect-9 hi-icon-effect-9a">
                    <a class="wow bounceInLeft animated hi-icon" data-wow-duration="2s" data-wow-delay="0.2s">网站评估</a>
                    <a class="wow bounceInLeft animated hi-icon" data-wow-duration="2s" data-wow-delay="0.5s">网站评估</a>
                    <a class="wow bounceInRight animated hi-icon" data-wow-duration="2s" data-wow-delay="0.5s">微信公众号</a>
                    <a class="wow bounceInRight animated hi-icon" data-wow-duration="2s" data-wow-delay="0.2s">小程序</a>
                </div>
            </div>
        </div>

        <div class="container acti-two">

            <div class="acti-two-left">
                <h2>鼎联欢迎您的加入</h2>
                <p>鼎联欢迎您的加入,鼎联欢迎您的加入</p>
                <p>鼎联欢迎您的加入,鼎联欢迎您的加入</p>
                <p>鼎联欢迎您的加入,鼎联欢迎您的加入</p>
                <p class="acti-two-reg">
                    <a title="" href="">免费注册</a>
                </p>
            </div>

            <div class="acti-two-right">
                <div class="acti-two-item">
                    <div class="wow bounceInUp animated acti-two-img" data-wow-duration="2s" data-wow-delay="0.2s">
                        <img src="__TPMPLATE__pc/cms-red/images/activity/activity-icon1.png">
                    </div>
                    
                    <div class="acti-two-txt">
                        <h4>远程服务</h4>
                        <p>鼎联欢迎您的加入,鼎联欢迎您的加入,鼎联欢迎您的加入,鼎联欢迎您的加入</p>
                    </div>
                </div>

                <div class="acti-two-item">
                    <div class="wow bounceInRight animated acti-two-img" data-wow-duration="2s" data-wow-delay="0.2s">
                        <img src="__TPMPLATE__pc/cms-red/images/activity/activity-icon2.png">
                    </div>

                    <div class="acti-two-txt">
                        <h4>后台系统管理</h4>
                        <p>鼎联欢迎您的加入,鼎联欢迎您的加入,鼎联欢迎您的加入,鼎联欢迎您的加入</p>
                    </div>
                </div>

                <div class="acti-two-item">
                    <div class="wow bounceInDown animated acti-two-img" data-wow-duration="2s" data-wow-delay="0.2s">
                        <img src="__TPMPLATE__pc/cms-red/images/activity/activity-icon3.png">
                    </div>

                    <div class="acti-two-txt">
                        <h4>安全防护</h4>
                        <p>鼎联欢迎您的加入,鼎联欢迎您的加入,鼎联欢迎您的加入,鼎联欢迎您的加入</p>
                    </div>
                </div>

                <div class="acti-two-item">
                    <div class="wow bounceInRight animated acti-two-img" data-wow-duration="2s" data-wow-delay="0.2s">
                        <img src="__TPMPLATE__pc/cms-red/images/activity/activity-icon4.png">
                    </div>

                    <div class="acti-two-txt">
                        <h4>数据库管理</h4>
                        <p>鼎联欢迎您的加入,鼎联欢迎您的加入,鼎联欢迎您的加入,鼎联欢迎您的加入</p>
                    </div>
                </div>
            </div>

        </div>

        <div id="page1" class="container">

            <div id="page1Anim" class='title'>服务器</div>

            <div class="hotsale-list">
                <ul>
                    <li>
                        <div class="hotsale-title">
                            <div class="hots-right">
                                <img src="__TPMPLATE__pc/cms-red/images/activity/discount.png">
                            </div>

                            <div class="hots-cont">
                                <div class="hots-img"></div>

                                <div class="hots-txt">
                                    <p class="hots-font">200G高防云</p>
                                    <p class="hots-start"></p>
                                </div>
                            </div>
                        </div>

                        <div class="hotsale-box">

                            <div class="hotsale-txt">
                                <p>
                                    <i class="icon icon-cpu"></i>
                                    <span><font>2核</font>CPU</span>
                                </p>

                                <p>
                                    <i class="icon icon-meco"></i>
                                    <span><font>4G</font>内存</span>
                                </p>

                                <p>
                                    <i class="icon icon-hard"></i>
                                    <span><font>130G</font>硬盘</span>
                                </p>

                                <p>
                                    <i class="icon icon-net"></i>
                                    <span><font>5M</font>带宽</span>
                                </p>

                                <p>
                                    <i class="icon icon-ip"></i>
                                    <span><font>独立</font>IP</span>
                                </p>

                                <p>
                                    <i class="icon icon-cc"></i>
                                    <span><font>分布式</font>存储</span>
                                </p>
                            </div>

                            <div class="hotsale-price">
                                <span>¥<b>6988</b></span><span>原价¥9888元</span>
                            </div>

                            <div class="hotsale-more">
                                <a class="hotsale-btn" href="">立即推荐</a>
                            </div>

                        </div>

                    </li>

                    <li>
                        <div class="hotsale-title">
                            <div class="hots-right">
                                <img src="__TPMPLATE__pc/cms-red/images/activity/discount.png">
                            </div>

                            <div class="hots-cont">
                                <div class="hots-img"></div>

                                <div class="hots-txt">
                                    <p class="hots-font">200G高防云</p>
                                    <p class="hots-start"></p>
                                </div>
                            </div>
                        </div>

                        <div class="hotsale-box">

                            <div class="hotsale-txt">
                                <p>
                                    <i class="icon icon-cpu"></i>
                                    <span><font>2核</font>CPU</span>
                                </p>

                                <p>
                                    <i class="icon icon-meco"></i>
                                    <span><font>4G</font>内存</span>
                                </p>

                                <p>
                                    <i class="icon icon-hard"></i>
                                    <span><font>130G</font>硬盘</span>
                                </p>

                                <p>
                                    <i class="icon icon-net"></i>
                                    <span><font>5M</font>带宽</span>
                                </p>

                                <p>
                                    <i class="icon icon-ip"></i>
                                    <span><font>独立</font>IP</span>
                                </p>

                                <p>
                                    <i class="icon icon-cc"></i>
                                    <span><font>分布式</font>存储</span>
                                </p>
                            </div>

                            <div class="hotsale-price">
                                <span>¥<b>6988</b></span><span>原价¥9888元</span>
                            </div>

                            <div class="hotsale-more">
                                <a class="hotsale-btn" href="">立即推荐</a>
                            </div>

                        </div>

                    </li>

                    <li>
                        <div class="hotsale-title">
                            <div class="hots-right">
                                <img src="__TPMPLATE__pc/cms-red/images/activity/discount.png">
                            </div>

                            <div class="hots-cont">
                                <div class="hots-img"></div>

                                <div class="hots-txt">
                                    <p class="hots-font">200G高防云</p>
                                    <p class="hots-start"></p>
                                </div>
                            </div>
                        </div>

                        <div class="hotsale-box">

                            <div class="hotsale-txt">
                                <p>
                                    <i class="icon icon-cpu"></i>
                                    <span><font>2核</font>CPU</span>
                                </p>

                                <p>
                                    <i class="icon icon-meco"></i>
                                    <span><font>4G</font>内存</span>
                                </p>

                                <p>
                                    <i class="icon icon-hard"></i>
                                    <span><font>130G</font>硬盘</span>
                                </p>

                                <p>
                                    <i class="icon icon-net"></i>
                                    <span><font>5M</font>带宽</span>
                                </p>

                                <p>
                                    <i class="icon icon-ip"></i>
                                    <span><font>独立</font>IP</span>
                                </p>

                                <p>
                                    <i class="icon icon-cc"></i>
                                    <span><font>分布式</font>存储</span>
                                </p>
                            </div>

                            <div class="hotsale-price">
                                <span>¥<b>6988</b></span><span>原价¥9888元</span>
                            </div>

                            <div class="hotsale-more">
                                <a class="hotsale-btn" href="">立即推荐</a>
                            </div>

                        </div>

                    </li>
                </ul>
            </div>

        </div>

        <div id="page2" class="container dmhots-list">

            <div id="page2Anim" class='title'>优惠活动打折扣</div>

            <div class="dmhotsale-list">
                <ul>
                    <li class="dmhot-active">
                        <div class="dmhot-title">
                            <div class="dmhot-img">
                                <img class="dmhot-img-on" src="__TPMPLATE__pc/cms-red/images/activity/dmhotsale-icon.png">
                                <img class="dmhot-img-off" src="__TPMPLATE__pc/cms-red/images/activity/dmhotsale-icons.png">
                            </div>

                            <div class="dmhot-txt">
                                <p>云服务器</p>
                                <p>高速稳定高弹性</p>
                            </div>
                        </div>

                        <div class="dmhots-txt">
                            <p>完善的机房设施</p>
                            <p>强悍的硬件支持</p>
                            <p>安全的BGP网络</p>
                        </div>

                        <div class="dmhots-txt-hover">
                            T3+级别数据中心，具备完善的机房设施。安全的BGP网络能有效保证高品质的网络环境和丰富的带宽资源
                        </div>

                        <div class="dmhot-price">
                            <span class="dxhost-price-mr">6988元</span>
                            <span>/3年</span>
                        </div>

                        <div class="dmhot-more">
                            <a class="dxhost-btn" href="">立即购买</a>
                        </div>

                    </li>

                    <li>
                        <div class="dmhot-title">
                            <div class="dmhot-img">
                                <img class="dmhot-img-on" src="__TPMPLATE__pc/cms-red/images/activity/dmhotsale-icon.png">
                                <img class="dmhot-img-off" src="__TPMPLATE__pc/cms-red/images/activity/dmhotsale-icons.png">
                            </div>

                            <div class="dmhot-txt">
                                <p>云服务器</p>
                                <p>高速稳定高弹性</p>
                            </div>
                        </div>

                        <div class="dmhots-txt">
                            <p>完善的机房设施</p>
                            <p>强悍的硬件支持</p>
                            <p>安全的BGP网络</p>
                        </div>

                        <div class="dmhots-txt-hover">
                            T3+级别数据中心，具备完善的机房设施。安全的BGP网络能有效保证高品质的网络环境和丰富的带宽资源
                        </div>

                        <div class="dmhot-price">
                            <span class="dxhost-price-mr">6988元</span>
                            <span>/3年</span>
                        </div>

                        <div class="dmhot-more">
                            <a class="dxhost-btn" href="">立即购买</a>
                        </div>

                    </li>

                    <li>
                        <div class="dmhot-title">
                            <div class="dmhot-img">
                                <img class="dmhot-img-on" src="__TPMPLATE__pc/cms-red/images/activity/dmhotsale-icon.png">
                                <img class="dmhot-img-off" src="__TPMPLATE__pc/cms-red/images/activity/dmhotsale-icons.png">
                            </div>

                            <div class="dmhot-txt">
                                <p>云服务器</p>
                                <p>高速稳定高弹性</p>
                            </div>
                        </div>

                        <div class="dmhots-txt">
                            <p>完善的机房设施</p>
                            <p>强悍的硬件支持</p>
                            <p>安全的BGP网络</p>
                        </div>

                        <div class="dmhots-txt-hover">
                            T3+级别数据中心，具备完善的机房设施。安全的BGP网络能有效保证高品质的网络环境和丰富的带宽资源
                        </div>

                        <div class="dmhot-price">
                            <span class="dxhost-price-mr">6988元</span>
                            <span>/3年</span>
                        </div>

                        <div class="dmhot-more">
                            <a class="dxhost-btn" href="">立即购买</a>
                        </div>

                    </li>

                    <li>
                        <div class="dmhot-title">
                            <div class="dmhot-img">
                                <img class="dmhot-img-on" src="__TPMPLATE__pc/cms-red/images/activity/dmhotsale-icon.png">
                                <img class="dmhot-img-off" src="__TPMPLATE__pc/cms-red/images/activity/dmhotsale-icons.png">
                            </div>

                            <div class="dmhot-txt">
                                <p>云服务器</p>
                                <p>高速稳定高弹性</p>
                            </div>
                        </div>

                        <div class="dmhots-txt">
                            <p>完善的机房设施</p>
                            <p>强悍的硬件支持</p>
                            <p>安全的BGP网络</p>
                        </div>

                        <div class="dmhots-txt-hover">
                            T3+级别数据中心，具备完善的机房设施。安全的BGP网络能有效保证高品质的网络环境和丰富的带宽资源
                        </div>

                        <div class="dmhot-price">
                            <span class="dxhost-price-mr">6988元</span>
                            <span>/3年</span>
                        </div>

                        <div class="dmhot-more">
                            <a class="dxhost-btn" href="">立即购买</a>
                        </div>

                    </li>

                    <li>
                        <div class="dmhot-title">
                            <div class="dmhot-img">
                                <img class="dmhot-img-on" src="__TPMPLATE__pc/cms-red/images/activity/dmhotsale-icon.png">
                                <img class="dmhot-img-off" src="__TPMPLATE__pc/cms-red/images/activity/dmhotsale-icons.png">
                            </div>

                            <div class="dmhot-txt">
                                <p>云服务器</p>
                                <p>高速稳定高弹性</p>
                            </div>
                        </div>

                        <div class="dmhots-txt">
                            <p>完善的机房设施</p>
                            <p>强悍的硬件支持</p>
                            <p>安全的BGP网络</p>
                        </div>

                        <div class="dmhots-txt-hover">
                            T3+级别数据中心，具备完善的机房设施。安全的BGP网络能有效保证高品质的网络环境和丰富的带宽资源
                        </div>

                        <div class="dmhot-price">
                            <span class="dxhost-price-mr">6988元</span>
                            <span>/3年</span>
                        </div>

                        <div class="dmhot-more">
                            <a class="dxhost-btn" href="">立即购买</a>
                        </div>

                    </li>
                </ul>
            </div>

        </div>

        <div id="page3" class="container">

            <div id="page3Anim" class='title'>优惠活动打折扣2</div>

            <div class="dxhosting-list">
                <ul>
                    <li>
                        <div class="dxhost-img">
                            <div class="dxhost-icon dxhost-icon1"></div>
                            <p>普通建站套餐</p>
                            <p>适合入门建站</p>
                        </div>

                        <div class="dxhost-txt">
                            <p>
                                <span>空间：</span><span>5GB</span>
                            </p>

                            <p>
                                <span>CPU：</span><span>独享单核</span>
                            </p>

                            <p>
                                <span>内存：</span><span>独享1GB</span>
                            </p>

                            <p>
                                <span>数据库：</span><span>500M</span>
                            </p>
                        </div>

                        <div class="dxhost-price">
                            <span class="dxhost-price-mr">¥</span>
                            6988元/
                            <span>3年</span>
                        </div>

                        <div class="dxhost-more">
                            <a class="dxhost-btn" href="">立即购买</a>
                        </div>
                    </li>

                    <li>
                        <div class="dxhost-img">
                            <div class="dxhost-icon dxhost-icon2"></div>
                            <p>高级建站套餐</p>
                            <p>适合大型企业公司</p>
                        </div>

                        <div class="dxhost-txt">
                            <p>
                                <span>空间：</span><span>5GB</span>
                            </p>

                            <p>
                                <span>CPU：</span><span>独享单核</span>
                            </p>

                            <p>
                                <span>内存：</span><span>独享1GB</span>
                            </p>

                            <p>
                                <span>数据库：</span><span>500M</span>
                            </p>
                        </div>

                        <div class="dxhost-price">
                            <span class="dxhost-price-mr">¥</span>
                            9888元/
                            <span>5年</span>
                        </div>

                        <div class="dxhost-more">
                            <a class="dxhost-btn" href="">立即购买</a>
                        </div>
                    </li>

                    <li>
                        <div class="dxhost-img">
                            <div class="dxhost-icon dxhost-icon3"></div>
                            <p>普通营销套餐</p>
                            <p>适合入门建站</p>
                        </div>

                        <div class="dxhost-txt">
                            <p>
                                <span>空间：</span><span>5GB</span>
                            </p>

                            <p>
                                <span>CPU：</span><span>独享单核</span>
                            </p>

                            <p>
                                <span>内存：</span><span>独享1GB</span>
                            </p>

                            <p>
                                <span>数据库：</span><span>500M</span>
                            </p>
                        </div>

                        <div class="dxhost-price">
                            <span class="dxhost-price-mr">¥</span>
                            498元/
                            <span>年</span>
                        </div>

                        <div class="dxhost-more">
                            <a class="dxhost-btn" href="">立即购买</a>
                        </div>
                    </li>

                    <li>
                        <div class="dxhost-img">
                            <div class="dxhost-icon dxhost-icon4"></div>
                            <p>高级营销套餐</p>
                            <p>适合入门建站</p>
                        </div>

                        <div class="dxhost-txt">
                            <p>
                                <span>空间：</span><span>5GB</span>
                            </p>

                            <p>
                                <span>CPU：</span><span>独享单核</span>
                            </p>

                            <p>
                                <span>内存：</span><span>独享1GB</span>
                            </p>

                            <p>
                                <span>数据库：</span><span>500M</span>
                            </p>
                        </div>

                        <div class="dxhost-price">
                            <span class="dxhost-price-mr">¥</span>
                            498元/
                            <span>年</span>
                        </div>

                        <div class="dxhost-more">
                            <a class="dxhost-btn" href="">立即购买</a>
                        </div>
                    </li>
                </ul>
            </div>

        </div>

        <div id="page4" class="container color-white free-reg">
            <h2>选择鼎联, <font>让你的企业快速迈向互联网+时代</font></h2>
            <p>选择对的SEO优化网站推广, 能让你更快更好的迈向互联网+时代</p>
            <p class="free-reg-btn">
                <a title="" href="">免费注册</a>
            </p>
        </div>

    </div>
</div>

{/block}

{block name="js"}
<script type="text/javascript" src="__TPMPLATE__pc/cms-red/js/activity/btnJs.js"></script>
<script type="text/javascript" src="__TPMPLATE__pc/cms-red/js/activity/canvas.js"></script>
<script type="text/javascript" src="__TPMPLATE__pc/cms-red/js/activity/index.js"></script>

<script type="text/javascript">
    $(function(){

        $(".dmhots-list").hover(function(){
            $(".dmhotsale-list li").hover(function(){
                $(".dmhotsale-list li:nth-child(1)").removeClass("dmhot-active");
                $(this).addClass("dmhot-active");
            },function(){
                $(this).removeClass("dmhot-active");
                $(".dmhotsale-list li:nth-child(1)").addClass("dmhot-active");
            });
        },function(){
            $(".dmhotsale-list li:nth-child(1)").addClass("dmhot-active");
        });
    })
</script>

<script type="text/javascript" src="__STATIC__/admin/hui/lib/Validform/v5.3.2/Validform_v5.3.2_min.js"></script>
<script type="text/javascript">
    $("#form").Validform({
        tiptype: 3,
        label: ".form-label",
        ajaxPost: true,
        showAllError: true,
        callback: function (data) {
            if (data.status == "y") {
                setTimeout(function () {
                    window.location.reload();
                }, 1000);
            } else {
                setTimeout(function () {
                    $.Hidemsg();
                }, 1000);
                $("#captcha").click();
                $("[name='captcha']").val('');
            }

        }
    });
</script>
{/block}